<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>惊讶表情包</title>
		<style>
			#d1{
				border:5px solid #d78c11;
				width:400px;
				height:400px;
				background-color: #ffd834;
				border-radius: 50%;
			}
			#d2{
				border:3px solid #000;
				width:80px;
				height:100px;
				background-color: #ffffff;
				border-radius: 70px 70px 70px 70px;
				position: relative;
				left:31px;
				top:-298px;
			}
			#d3{
				border:2px solid #000;
				width:40px;
				height:50px;
				background-color: #000000;
				border-radius: 110px 110px 110px 110px;
				position: relative;
				left:71px;
				top:-368px;
			}
			#d4{
				border:3px solid #000;
				width:130px;
				height:150px;
				background-color: #ffffff;
				border-radius: 70px 70px 70px 70px;
				position: relative;
				left:115px;
				top:-495px;
			}
			#d5{
				border:2px solid #000;
				width:80px;
				height:90px;
				background-color: #000000;
				border-radius: 130px 130px 130px 130px;
				position: relative;
				left:164px;
				top:-604px;
			}
			#d6{
				border:3px solid #000;
				width:45px;
				height:115px;
				background-color: #ffffff;
				border-radius: 120px 160px 120px 160px;
				position: relative;
				left:111px;
				top:-544px;
			}
			#d7{
				border:8px solid #9f781e;
				width:90px;
				height:90px;
				border-radius: 50px 130px;
				border-left: 0px;
				border-bottom:0px ;
				transform:rotate(-40deg);
				position:relative;
				left:150px;
				top:-932px;
			}
			#d8{
				border:8px solid #9f781e;
				width:80px;
				height:80px;
				border-radius: 50px 120px;
				border-left: 0px;
				border-bottom:0px ;
				transform:rotate(-70deg);
				position:relative;
				left:6px;
				top:-965px;
			}
		</style>
	</head>
	<body>
		<div id="d1"></div>
		<div id="d2"></div>
		<div id="d3"></div>
		<div id="d4"></div>
		<div id="d5"></div>
		<div id="d6"></div>
		<div id="d7"></div>
		<div id="d8"></div>
	</body>
</html>